<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--

    Copyright (c) 1997, 2018 Oracle and/or its affiliates. All rights reserved.

    This program and the accompanying materials are made available under the
    terms of the Eclipse Public License v. 2.0, which is available at
    http://www.eclipse.org/legal/epl-2.0.

    This Source Code may also be made available under the following Secondary
    Licenses when the conditions for such availability set forth in the
    Eclipse Public License v. 2.0 are satisfied: GNU General Public License,
    version 2 with the GNU Classpath Exception, which is available at
    https://www.gnu.org/software/classpath/license.html.

    SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0

-->




<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html">
    <body>
        <f:view>
            <h:form id="form1">
                <h:outputText id="ot1" value="The following text should move above the buttons when you click on them: "/>
                <h:panelGroup id="outputText2">
                    <h:outputText value="Moveable HELLO text" id="text_in_outputText2"/>
                </h:panelGroup>
                <br/>
                <br/>
                <h:panelGrid id="panelBox11" style="border-width: 1px; border-style: dashed; padding: 5px;">
                    <h:commandButton 
                        id="commandButton11" 
                        value="Move Moveable HELLO before me"
                        actionListener="#{moveComponentBean.moveChild}"/>
                </h:panelGrid>
                <br/>
                <f:subview id="subview1">
                    <h:panelGrid id="panelBox12" style="border-width: 1px; border-style: dashed; padding: 5px;">
                        <h:commandButton 
                            id="commandButton12" 
                            value="Move Moveable HELLO before me"
                            actionListener="#{moveComponentBean.moveChild}" />
                    </h:panelGrid>
                </f:subview>
                <br/>
                <f:subview id="subview2">
                    <h:panelGrid id="panelBox3" style="border-width: 1px; border-style: dashed; padding: 5px;">
                        <h:commandButton 
                            id="commandButton13" 
                            value="Move Moveable HELLO before me"
                            actionListener="#{moveComponentBean.moveChild}"/>
                        <f:subview id="subview2b">
                            <h:panelGrid id="panelBox4" style="border-width: 1px; border-style: dashed; padding: 5px;">
                                <h:commandButton id="commandButton14" 
                                                 value="Move Moveable HELLO before me"
                                                 actionListener="#{moveComponentBean.moveChild}"/>
                            </h:panelGrid>
                        </f:subview>
                    </h:panelGrid>
                </f:subview>
            </h:form>
        </f:view>
    </body>
</html>
